<template>
    <div class="guide">

      <!-- logo和背景图片区域 -->
      <Logo></Logo>

      <!-- 登录注册按钮 -->
      <LogReg></LogReg>

      <!-- 第三方登录 -->
      <LogOther></LogOther>
    </div> 
  </template>
  
  <script setup>
  // 引入组件
  import Logo from './loginComponents/logo.vue'
  import LogReg from './loginComponents/log_reg.vue'
  import LogOther from './loginComponents/login_other.vue'


  </script>
  
  <style scoped>
  .guide{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
  }
  </style>